<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/masterLayout.xhtml">

	<ui:define name="title">
			EMPLEADO
		</ui:define>
	<ui:define name="content">

		<p:growl id="mensaje" showDetail="true" life="7000" />

		<p:panel id="panel" header="LISTADO DE EMPLEADORES"
			style="margin-bottom:10px;">
			<h:form id="busquedaTabla">
				<h:panelGrid columns="3">
					<h:outputText value="CARGO:" />
					<p:selectOneMenu id="comboCargo" filter="true"
						value="#{empleadoBean.criterioBusquedaCargo}">
						<f:selectItem itemLabel="ESCOJA UN CARGO" />
						<f:selectItems value="#{empleadoBean.listaCargos}" var="cargo"
							itemValue="#{cargo.cargoid}" itemLabel="#{cargo.nombre}" />
					</p:selectOneMenu>
					<h:outputText />

					<h:outputText value="CIUDAD:" />
					<p:selectOneMenu id="comboCiudad" filter="true"
						value="#{empleadoBean.criterioBusquedaCiudad}">
						<f:selectItem itemLabel="ESCOJA UNA CIUDAD" />
						<f:selectItems value="#{empleadoBean.listaCiudadesBusqueda}"
							var="ciudad" itemValue="#{ciudad.ciudadid}"
							itemLabel="#{ciudad.nombre}" />
					</p:selectOneMenu>
					<h:outputText />

					<h:outputText value="CÉDULA / APELLIDO / NOMBRE" />
					<p:inputText value="#{empleadoBean.criterioBusquedaEmpleado}"
						onblur="this.value=this.value.toUpperCase();" />
					<p:commandButton update="busquedaTabla, :formDataTable, :mensaje"
						icon="#{msg['iconoBuscar']}"
						actionListener="#{empleadoBean.obtenerEmpleados}" />
				</h:panelGrid>
			</h:form>

			<h:form id="formDataTable">
				<p:dataTable id="tablaPersonas" var="persona"
					value="#{empleadoBean.listaPersonasEmpleados}" paginator="true"
					rows="10"
					paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
					rowsPerPageTemplate="5,10,15" paginatorPosition="bottom"
					rowStyleClass="#{persona.empleado.activo eq true ? null:'desactivo'}"
					emptyMessage="#{msg['lbl.mensajeTabla']}">

					<f:facet name="header">
						<p:tooltip for="btnNuevo" value="#{msg['lbl.insertar']}" />
						<p:commandButton update=":formNuevo"
							oncomplete="PF('personaDialogoNuevo').show()" id="btnNuevo"
							icon="ui-icon-plus"
							actionListener="#{empleadoBean.cargarInsertar}" />
					</f:facet>

					<p:column headerText="#{msg['lbl.gestionar']}"
						style="text-align:center;width: 100px;">
						<p:tooltip for="btnMostrar" value="MOSTRAR" />
						<p:commandButton id="btnMostrar" update=":formMostrar"
							oncomplete="PF('personaDialogoMostrar').show()"
							icon="#{msg['iconoMostrar']}">
							<f:setPropertyActionListener value="#{persona}"
								target="#{empleadoBean.persona}" />
						</p:commandButton>

						<p:tooltip for="btnEditar" value="EDITAR" />
						<p:commandButton id="btnEditar" update=":formEditar"
							oncomplete="PF('personaDialogoEditar').show()"
							action="#{empleadoBean.cargarEditar}" icon="ui-icon-pencil">
							<f:setPropertyActionListener value="#{persona}"
								target="#{empleadoBean.persona}" />
						</p:commandButton>

						<p:tooltip for="btnCargos" value="CARGOS" />
						<p:commandButton id="btnCargos" update=":formCargos"
							oncomplete="PF('empleadoDialogoCargos').show()"
							action="#{empleadoBean.cargarCargos}" icon="ui-icon-person">
							<f:setPropertyActionListener value="#{persona}"
								target="#{empleadoBean.persona}" />
						</p:commandButton>

						<p:tooltip for="btnEliminar"
							value="#{persona.empleado.activo eq true ? msg['lbl.desactivar']:msg['lbl.activar']}" />
						<p:commandButton id="btnEliminar" update=":formEliminar"
							oncomplete="PF('personaDialogoEliminar').show()"
							icon="#{persona.empleado.activo eq true ? 'ui-icon-close':'ui-icon-check'}">
							<f:setPropertyActionListener value="#{persona}"
								target="#{empleadoBean.persona}" />
						</p:commandButton>
					</p:column>

					<p:column headerText="CÉDULA" filterBy="#{persona.cedula}"
						style="text-align:center;width: 50px;">  
            			#{persona.cedula}  
        			</p:column>

					<p:column headerText="APELLIDOS" filterBy="#{persona.apellido}"
						style="text-align:center;width: 50px;">  
            			#{persona.apellido}  
        			</p:column>

					<p:column headerText="NOMBRES" filterBy="#{persona.nombre}"
						style="text-align:center;width: 50px;">  
            			#{persona.nombre}  
        			</p:column>
				</p:dataTable>
			</h:form>
		</p:panel>

		<p:dialog header="INSERTAR EMPLEADO" widgetVar="personaDialogoNuevo"
			resizable="false" modal="fasle" showEffect="clip" hideEffect="fold"
			styleClass="dialogoInsertarPersona" id="dialogoNuevo">
			<h:form id="formNuevo">
				<h:outputText value="Los campos marcados con" />
				<h:outputText value=" * " class="asterisco" />
				<h:outputText value="son requeridos" />

				<h:panelGrid columns="1" cellpadding="1">

					<h:panelGrid id="panelNuevo" columns="3" cellpadding="1"
						style="width: 100%;" columnClasses="a,a">

						<h:outputText value="" />
						<h:outputText value="DATOS/PERSONALES" style="font-weight:bold" />
						<h:outputText value="" />

						<h:outputText value="*" class="asterisco" />
						<h:outputText value="CÉDULA:" />
						<p:inputText value="#{empleadoBean.persona.cedula}"
							style="width: 100% !important;"
							onblur="this.value=this.value.toUpperCase();">
							<p:ajax event="change"
								listener="#{empleadoBean.comprobarPersona}"
								update="formNuevo,:mensaje" />
						</p:inputText>

						<h:outputText value="*" class="asterisco" />
						<h:outputText value="APELLIDOS:" />
						<p:inputText value="#{empleadoBean.persona.apellido}"
							style="width: 100% !important;"
							onblur="this.value=this.value.toUpperCase();" />

						<h:outputText value="*" class="asterisco" />
						<h:outputText value="NOMBRES:" />
						<p:inputText value="#{empleadoBean.persona.nombre}"
							style="width: 100% !important;"
							onblur="this.value=this.value.toUpperCase();" />

						<h:outputText value="*" class="asterisco" />
						<h:outputText value="FECHA/NACIMIENTO:" />
						<p:calendar value="#{empleadoBean.persona.fechanacimiento}"
							styleClass="calendarioInsertarCliente" />

						<h:outputText value="" />
						<h:outputText value="DATOS/RESIDENCIA" style="font-weight:bold" />
						<h:outputText value="" />

						<h:outputText value="*" class="asterisco" />
						<h:outputText value="PROVINCIA:" />
						<p:selectOneMenu id="comboProvincia" filter="true"
							style="width: 100% !important;"
							value="#{empleadoBean.persona.ciudad.provincia.provinciaid}">
							<f:selectItem itemLabel="ESCOJA UNA PROVINCIA" />
							<f:selectItems value="#{empleadoBean.listaProvincias}"
								var="provincia" itemValue="#{provincia.provinciaid}"
								itemLabel="#{provincia.nombre}" />
							<p:ajax event="change" listener="#{empleadoBean.cargarCiudades}"
								update="comboCiudad" />
						</p:selectOneMenu>

						<h:outputText value="*" class="asterisco" />
						<h:outputText value="CIUDAD:" />
						<p:selectOneMenu id="comboCiudad" style="width: 100% !important;"
							value="#{empleadoBean.persona.ciudad.ciudadid}">
							<f:selectItem itemLabel="ESCOJA UNA CIUDAD" />
							<f:selectItems value="#{empleadoBean.listaCiudades}" var="ciudad"
								itemValue="#{ciudad.ciudadid}" itemLabel="#{ciudad.nombre}" />
						</p:selectOneMenu>

						<h:outputText value="*" class="asterisco" />
						<h:outputText value="DIRECCION:" />
						<p:inputTextarea value="#{empleadoBean.persona.direccion}"
							style="width: 100% !important;"
							onblur="this.value=this.value.toUpperCase();" />

						<h:outputText value="" />
						<h:outputText value="REFERENCIA:" />
						<p:inputTextarea value="#{empleadoBean.persona.referencia}"
							style="width: 100% !important;"
							onblur="this.value=this.value.toUpperCase();" />

						<h:outputText value="" />
						<h:outputText value="REGISTRO FÍSICO" style="font-weight:bold" />
						<h:outputText value="" />

						<h:outputText value="" />
						<h:outputText value="# CARPETA:" />
						<p:inputText value="#{empleadoBean.persona.empleado.folio}"
							style="width: 100% !important;"
							onblur="this.value=this.value.toUpperCase();" />
					</h:panelGrid>

					<h:panelGrid id="panelNuevoTelefono" columns="1" cellpadding="1">

						<p:commandLink value="TELEFONOS" update="tablaTelefono ,:mensaje"
							actionListener="#{personaBean.insertarFilaTelefono}"
							style="font-weight:bold" />
						<p:dataTable id="tablaTelefono" var="telefono" rows="3"
							paginator="true" paginatorPosition="bottom"
							value="#{empleadoBean.persona.telefonopersonas}" editable="true"
							editMode="cell">

							<p:column headerText="#{msg['lbl.gestionar']}"
								style="text-align:center;width: 50px;">
								<p:commandButton id="btnEliminar" icon="ui-icon-close"
									update="tablaTelefono, :mensaje"
									action="#{empleadoBean.eliminarTelefono(telefono)}"
									process="@this" />
							</p:column>

							<p:column headerText="TELEFONOS">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{telefono.telefono}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{telefono.telefono}" style="width:96%"
											label="TELEFONO">
											<p:ajax
												listener="#{empleadoBean.comprobarTelefono(telefono)}"
												event="change" update="tablaTelefono, :mensaje" />
										</p:inputText>
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column headerText="REFERENCIA">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{telefono.referencia}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{telefono.referencia}" style="width:96%"
											label="REFERENCIA">
											<p:ajax
												listener="#{empleadoBean.comprobarTelefono(telefono)}"
												event="change" update="tablaTelefono, :mensaje" />
										</p:inputText>
									</f:facet>
								</p:cellEditor>
							</p:column>

						</p:dataTable>

						<h:outputText value="" />

						<p:commandLink value="E-MAILS" update="tablaEmail ,:mensaje"
							actionListener="#{personaBean.insertarFilaEmail}"
							style="font-weight:bold" />
						<p:dataTable id="tablaEmail" var="email" rows="3" paginator="true"
							paginatorPosition="bottom"
							value="#{empleadoBean.persona.emailpersonas}" editable="true"
							editMode="cell">

							<p:column headerText="#{msg['lbl.gestionar']}"
								style="text-align:center;width: 50px;">
								<p:commandButton id="btnEliminar" icon="ui-icon-close"
									update="tablaEmail, :mensaje"
									action="#{empleadoBean.eliminarEmail(email)}" process="@this" />

							</p:column>

							<p:column headerText="E-MAIL">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{email.email}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{email.email}" style="width:96%"
											label="EMAIL">
											<p:ajax listener="#{empleadoBean.comprobarEmail(email)}"
												event="change" update="tablaEmail, :mensaje" />
										</p:inputText>
									</f:facet>
								</p:cellEditor>
							</p:column>
						</p:dataTable>
					</h:panelGrid>

					<f:facet name="footer">
						<p:separator />
						<p:commandButton value="#{msg['btn.guardar']}"
							update=":formDataTable ,:mensaje, formNuevo"
							oncomplete="comprobar(xhr, status, args)" id="btnNuevoAceptar"
							icon="#{msg['iconoGuardar']}"
							actionListener="#{empleadoBean.insertar}"
							styleClass="centrarBotonesDialogos" />

						<p:commandButton value="#{msg['btn.cancelar']}"
							oncomplete="PF('personaDialogoNuevo').hide()"
							id="btnNuevolimpiar" icon="#{msg['iconoCancelar']}"
							process="@this" styleClass="centrarBotonesDialogos" />
					</f:facet>
				</h:panelGrid>
			</h:form>
		</p:dialog>

		<p:dialog header="EDITAR EMPLEADO" widgetVar="personaDialogoEditar"
			resizable="false" modal="fasle" showEffect="clip" hideEffect="fold"
			styleClass="dialogoInsertarPersona" id="dialogoEditar">
			<h:form id="formEditar">

				<p:focus context="formEditar" />
				<h:outputText value="Los campos marcados con" />
				<h:outputText value=" * " class="asterisco" />
				<h:outputText value="son requeridos" />

				<h:panelGrid columns="1" cellpadding="1">

					<h:panelGrid id="panelEditar" columns="3" cellpadding="1"
						style="width: 100%;" columnClasses="a,a">

						<h:outputText value="" />
						<h:outputText value="DATOS/PERSONALES" style="font-weight:bold" />
						<h:outputText value="" />

						<h:outputText value="*" class="asterisco" />
						<h:outputText value="CEDULA:" />
						<p:inputText value="#{empleadoBean.persona.cedula}"
							style="width: 100% !important;"
							onblur="this.value=this.value.toUpperCase();">
						</p:inputText>

						<h:outputText value="*" class="asterisco" />
						<h:outputText value="APELLIDOS:" />
						<p:inputText value="#{empleadoBean.persona.apellido}"
							style="width: 100% !important;"
							onblur="this.value=this.value.toUpperCase();" />

						<h:outputText value="*" class="asterisco" />
						<h:outputText value="NOMBRES:" />
						<p:inputText value="#{empleadoBean.persona.nombre}"
							style="width: 100% !important;"
							onblur="this.value=this.value.toUpperCase();" />

						<h:outputText value="*" class="asterisco" />
						<h:outputText value="FECHA/NACIMIENTO:" />
						<p:calendar value="#{empleadoBean.persona.fechanacimiento}"
							styleClass="calendarioInsertarCliente" />

						<h:outputText value="" />
						<h:outputText value="DATOS/RESIDENCIA" style="font-weight:bold" />
						<h:outputText value="" />

						<h:outputText value="*" class="asterisco" />
						<h:outputText value="PROVINCIA:" />
						<p:selectOneMenu id="comboProvincia"
							style="width: 100% !important;"
							value="#{empleadoBean.persona.ciudad.provincia.provinciaid}">
							<f:selectItem itemLabel="ESCOJA UNA PROVINCIA" />
							<f:selectItems value="#{empleadoBean.listaProvincias}"
								var="provincia" itemValue="#{provincia.provinciaid}"
								itemLabel="#{provincia.nombre}" />
							<p:ajax event="change" listener="#{empleadoBean.cargarCiudades}"
								update="comboCiudad" />
						</p:selectOneMenu>

						<h:outputText value="*" class="asterisco" />
						<h:outputText value="CIUDAD:" />
						<p:selectOneMenu id="comboCiudad" style="width: 100% !important;"
							value="#{empleadoBean.persona.ciudad.ciudadid}">
							<f:selectItem itemLabel="ESCOJA UNA CIUDAD" />
							<f:selectItems value="#{empleadoBean.listaCiudades}" var="ciudad"
								itemValue="#{ciudad.ciudadid}" itemLabel="#{ciudad.nombre}" />
						</p:selectOneMenu>

						<h:outputText value="*" class="asterisco" />
						<h:outputText value="DIRECCION:" />
						<p:inputTextarea value="#{empleadoBean.persona.direccion}"
							style="width: 100% !important;"
							onblur="this.value=this.value.toUpperCase();" />

						<h:outputText value="" />
						<h:outputText value="REFERENCIA:" />
						<p:inputTextarea value="#{empleadoBean.persona.referencia}"
							style="width: 100% !important;"
							onblur="this.value=this.value.toUpperCase();" />

						<h:outputText value="" />
						<h:outputText value="REGISTRO FÍSICO" style="font-weight:bold" />
						<h:outputText value="" />

						<h:outputText value="" />
						<h:outputText value="# CARPETA:" />
						<p:inputText value="#{empleadoBean.persona.empleado.folio}"
							style="width: 100% !important;"
							onblur="this.value=this.value.toUpperCase();" />
					</h:panelGrid>

					<h:panelGrid id="panelEditarTelefono" columns="1" cellpadding="1">

						<p:commandLink value="TELEFONOS" update="tablaTelefono ,:mensaje"
							actionListener="#{personaBean.insertarFilaTelefono}"
							style="font-weight:bold" />
						<p:dataTable id="tablaTelefono" var="telefono" rows="3"
							paginator="true" paginatorPosition="bottom"
							value="#{empleadoBean.persona.telefonopersonas}" editable="true"
							editMode="cell">

							<p:column headerText="#{msg['lbl.gestionar']}"
								style="text-align:center;width: 50px;">
								<p:commandButton id="btnEliminar" icon="ui-icon-close"
									update="tablaTelefono, :mensaje"
									action="#{empleadoBean.eliminarTelefono(telefono)}"
									process="@this" />
							</p:column>

							<p:column headerText="TELEFONOS">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{telefono.telefono}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{telefono.telefono}" style="width:96%"
											label="TELEFONO">
											<p:ajax
												listener="#{empleadoBean.comprobarTelefono(telefono)}"
												event="change" update="tablaTelefono, :mensaje" />
										</p:inputText>
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column headerText="REFERENCIA">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{telefono.referencia}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{telefono.referencia}" style="width:96%"
											label="REFERENCIA">
											<p:ajax
												listener="#{empleadoBean.comprobarTelefono(telefono)}"
												event="change" update="tablaTelefono, :mensaje" />
										</p:inputText>
									</f:facet>
								</p:cellEditor>
							</p:column>

						</p:dataTable>

						<h:outputText value="" />

						<p:commandLink value="E-MAILS" update="tablaEmail ,:mensaje"
							actionListener="#{personaBean.insertarFilaEmail}"
							style="font-weight:bold" />
						<p:dataTable id="tablaEmail" var="email" rows="3" paginator="true"
							paginatorPosition="bottom"
							value="#{empleadoBean.persona.emailpersonas}" editable="true"
							editMode="cell">

							<p:column headerText="#{msg['lbl.gestionar']}"
								style="text-align:center;width: 50px;">
								<p:commandButton id="btnEliminar" icon="ui-icon-close"
									update="tablaEmail, :mensaje"
									action="#{empleadoBean.eliminarEmail(email)}" process="@this" />

							</p:column>

							<p:column headerText="E-MAIL">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="#{email.email}" />
									</f:facet>
									<f:facet name="input">
										<p:inputText value="#{email.email}" style="width:96%"
											label="EMAIL">
											<p:ajax listener="#{empleadoBean.comprobarEmail(email)}"
												event="change" update="tablaEmail, :mensaje" />
										</p:inputText>
									</f:facet>
								</p:cellEditor>
							</p:column>
						</p:dataTable>
					</h:panelGrid>

					<f:facet name="footer">
						<p:separator />
						<p:commandButton value="#{msg['btn.guardar']}"
							update=":formDataTable ,:mensaje, formEditar"
							oncomplete="comprobar(xhr, status, args)" id="btnEditarAceptar"
							icon="#{msg['iconoGuardar']}"
							actionListener="#{empleadoBean.actualizar}"
							styleClass="centrarBotonesDialogos" />

						<p:commandButton value="#{msg['btn.cancelar']}"
							oncomplete="PF('personaDialogoEditar').hide()"
							id="btnEditarlimpiar" icon="#{msg['iconoCancelar']}"
							process="@this" styleClass="centrarBotonesDialogos" />
					</f:facet>
				</h:panelGrid>
			</h:form>
		</p:dialog>


		<p:dialog widgetVar="personaDialogoEliminar" severity="alert"
			header="ACTIVAR / DESACTIVAR EMPLEADO" showEffect="explode"
			hideEffect="explode" modal="false" resizable="false" width="258px"
			style="text-align: center;">
			<h:form id="formEliminar">
				<h:inputHidden value="#{clienteBean.persona.personaid}" />
				<br />
				<ui:param name="desactivar"
					value="¿ DESEA DESACTIVAR EL EMPLEADO: #{empleadoBean.persona.apellido} #{empleadoBean.persona.nombre} ?" />
				<ui:param name="activar"
					value="¿ DESEA ACTIVAR EL EMPLEADO: #{empleadoBean.persona.apellido} #{empleadoBean.persona.nombre} ?" />
				<h:outputText
					value="#{empleadoBean.persona.empleado.activo eq true ? desactivar : activar}" />
				<br />
				<br />
				<p:commandButton value="#{msg['btn.aceptar']}"
					update=":formDataTable,:mensaje" icon="#{msg['iconoAceptar']}"
					oncomplete="PF('personaDialogoEliminar').hide()"
					actionListener="#{empleadoBean.eliminar}" />
				<p:commandButton value="#{msg['btn.cancelar']}" type="button"
					onclick="PF('personaDialogoEliminar').hide()"
					icon="#{msg['iconoCancelar']}" />
			</h:form>
		</p:dialog>

		<p:dialog header="MOSTRAR EMPLEADO" widgetVar="personaDialogoMostrar"
			resizable="false" modal="false" showEffect="clip" hideEffect="fold"
			id="dialogoMostrar" styleClass="dialogoMostrarCliente">

			<h:form id="formMostrar">

				<h:panelGrid id="panelMostrar" columns="1">
					<h:panelGrid columns="2" cellpadding="1" width="100%">
						<h:panelGrid columns="2" cellpadding="1">
							<h:outputText value="CÓDIGO INTERNO" style="font-weight:bold" />
							<h:outputText value="#{empleadoBean.persona.empleado.empleadoid}" />

							<h:outputText value="# CARPETA:" style="font-weight:bold" />
							<h:outputText value="#{empleadoBean.persona.empleado.folio}" />

							<h:outputText value="CEDULA:" style="font-weight:bold" />
							<h:outputText value="#{empleadoBean.persona.cedula}" />

							<h:outputText value="APELLIDOS:" style="font-weight:bold" />
							<h:outputText value="#{empleadoBean.persona.apellido}" />

							<h:outputText value="NOMBRES:" style="font-weight:bold" />
							<h:outputText value="#{empleadoBean.persona.nombre}" />

							<h:outputText value="FECHA NACIMIENTO:" style="font-weight:bold" />
							<h:outputText value="#{empleadoBean.persona.fechanacimiento}" />
						</h:panelGrid>
						<h:panelGrid columns="2" cellpadding="1">
							<h:outputText value="FECHA REGISTRO:" style="font-weight:bold" />
							<h:outputText value="#{empleadoBean.persona.fecharegistro}" />

							<h:outputText value="PROVINCIA:" style="font-weight:bold" />
							<h:outputText
								value="#{empleadoBean.persona.ciudad.provincia.nombre}" />

							<h:outputText value="CIUDAD:" style="font-weight:bold" />
							<h:outputText value="#{empleadoBean.persona.ciudad.nombre}" />

							<h:outputText value="DIRECCION:" style="font-weight:bold" />
							<h:outputText value="#{empleadoBean.persona.direccion}" />

							<h:outputText value="REFERENCIA:" style="font-weight:bold" />
							<h:outputText value="#{empleadoBean.persona.referencia}" />

							<h:outputText value="ACTIVO:" style="font-weight:bold" />
							<p:selectBooleanCheckbox disabled="true"
								value="#{empleadoBean.persona.activo}" />

						</h:panelGrid>
					</h:panelGrid>

					<h:panelGrid columns="1" cellpadding="1">
						<h:outputText value="TELEFONOS:" style="font-weight:bold" />
						<p:dataTable var="telefono"
							emptyMessage="#{msg['lbl.mensajeTabla']}"
							value="#{empleadoBean.persona.telefonopersonas}">
							<p:column headerText="TELEFONOS">
							#{telefono.telefono}		
						</p:column>

							<p:column headerText="REFERENCIA">
							#{telefono.referencia}		
						</p:column>
						</p:dataTable>

						<h:outputText value="E-MAILS:" style="font-weight:bold" />
						<p:dataTable var="email" emptyMessage="#{msg['lbl.mensajeTabla']}"
							value="#{empleadoBean.persona.emailpersonas}">
							<p:column headerText="E-MAILS">
									#{email.email}		
								</p:column>
						</p:dataTable>

						<h:outputText value="CARGOS" style="font-weight:bold" />
						<p:dataTable var="empleadoCargo"
							emptyMessage="#{msg['lbl.mensajeTabla']}"
							value="#{empleadoBean.persona.empleado.empleadocargos}">
							<p:column headerText="CARGOS">
									#{empleadoCargo.cargo.nombre}		
								</p:column>
							<p:column headerText="FECHA INICIO">
									#{empleadoCargo.fechainicio}		
								</p:column>
						</p:dataTable>
					</h:panelGrid>

				</h:panelGrid>
			</h:form>
		</p:dialog>

		<p:dialog header="INSERTAR CARGOS" widgetVar="empleadoDialogoCargos"
			resizable="false" modal="fasle" showEffect="clip" hideEffect="fold"
			id="dialogoCargos" styleClass="dialogoInsertarEmpleado">
			<h:form id="formCargos">
				<h:panelGrid columns="1" cellpadding="1">
					<h:panelGrid columns="3" cellpadding="1">
						<h:outputText value="CARGOS: " />
						<p:selectOneMenu id="comboCargo"
							value="#{empleadoBean.cargo.cargoid}">
							<f:selectItem itemLabel="ESCOJA UN CARGO" />
							<f:selectItems value="#{empleadoBean.listaCargos}" var="cargo"
								itemValue="#{cargo.cargoid}" itemLabel="#{cargo.nombre}" />
						</p:selectOneMenu>
						<p:commandButton icon="#{msg['iconoInsertar']}"
							actionListener="#{empleadoBean.insertarEmpleadoCargo}"
							update="formCargos:empleadoCargo,:mensaje" />
					</h:panelGrid>

					<h:outputText value="CARGOS" style="font-weight:bold" />
					<p:dataTable id="empleadoCargo" var="empleadoCargo"
						emptyMessage="#{msg['lbl.mensajeTabla']}"
						value="#{empleadoBean.listaEmpleadoCargos}">
						<p:column headerText="CARGOS">
									#{empleadoCargo.cargo.nombre}		
								</p:column>
						<p:column headerText="FECHA INICIO">
									#{empleadoCargo.fechainicio}		
								</p:column>
					</p:dataTable>
					<f:facet name="footer">
						<p:separator />
						<p:commandButton icon="#{msg['iconoGuardar']}" value="GUARDAR"
							actionListener="#{empleadoBean.insertarCargos}" update=":mensaje"
							oncomplete="PF('empleadoDialogoCargos').hide()" />
						<p:commandButton icon="#{msg['iconoCancelar']}" value="CANCELAR"
							oncomplete="PF('empleadoDialogoCargos').hide()" />
					</f:facet>
				</h:panelGrid>
			</h:form>
		</p:dialog>

		<script type="text/javascript">
			//<![CDATA[
			function comprobar(xhr, status, args) {
				if (!args.validationFailed && args.cerrar) {
					PF('personaDialogoNuevo').hide();
					PF('personaDialogoEditar').hide();
				}
			}
			//]]>
		</script>

	</ui:define>
</ui:composition>
</html>